<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title></title>
		<style>
			* {
				padding: 0;
				margin: 0;
				box-sizing: border-box;
			}
			html,
			body {
				width: 100%;
				height: 100%;

				-webkit-user-select: none; /* Safari */
				-moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* IE 10+ */
				user-select: none; /* Standard syntax */
			}

			.page_success {
				width: 100%;
				height: 100%;
			}

			.page_success .box {
				width: 100%;
				height: 100%;
				text-align: center;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: center;
			}

			.page_success .box.hide {
				display: none;
			}

			.page_success .box .top svg {
				margin: 60px 0 40px 0;
			}

			.page_success .box .top p {
				font-size: 18px;
				color: #000;
				font-weight: bold;
			}

			.page_success .box .bottom {
				width: 150px;
				height: 40px;
				line-height: 40px;
				background: #f2f2f2;
				border-radius: 8px;
				text-align: center;
				font-size: 16px;
				margin-bottom: 100px;
				border: none;
				outline: none;
			}

			.page_success .box1 .bottom {
				color: rgba(51, 169, 84, 1);
			}

			.page_success .box1 .bottom:active {
				background: rgba(51, 169, 84, 0.2);
			}

			.page_success .box2 .bottom {
				color: rgba(226, 70, 56, 1);
			}

			.page_success .box2 .bottom:active {
				background: rgba(226, 70, 56, 0.2);
			}
		</style>
	</head>
	<body>
		<div class="page_success">
			<div class="box box1">
				<div class="top">
					<svg width="50" height="50" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
						<path d="M512 1024a512 512 0 1 1 0-1024 512 512 0 0 1 0 1024z m-71.318588-361.411765a29.334588 29.334588 0 0 0 20.48-8.252235L774.625882 349.364706a27.708235 27.708235 0 0 0 0-39.936 29.575529 29.575529 0 0 0-41.08047 0l-292.74353 284.912941L290.454588 448.150588a29.575529 29.575529 0 0 0-41.08047 0 27.708235 27.708235 0 0 0 0 39.996236l170.706823 166.128941a29.274353 29.274353 0 0 0 20.540235 8.252235z" fill="#33A954"></path>
					</svg>
					<p>已登录成功</p>
				</div>
				<button class="bottom" onclick="wClose()">我知道了</button>
			</div>
			<div class="box box2 hide">
				<div class="top">
					<svg width="50" height="50" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
						<path d="M512 0.006C229.233 0.006 0.006 229.233 0.006 512c0 282.766 229.228 511.993 511.994 511.993S1023.993 794.765 1023.993 512C1023.993 229.233 794.766 0.006 512 0.006z m237.773 693.199c15.621 15.621 15.621 40.947 0 56.568-7.811 7.811-18.047 11.716-28.284 11.716s-20.474-3.905-28.284-11.716L512 568.568 330.795 749.772c-7.811 7.811-18.047 11.716-28.284 11.716s-20.474-3.905-28.284-11.716c-15.621-15.621-15.621-40.947 0-56.568L455.432 512 274.227 330.795c-15.621-15.621-15.621-40.948 0-56.568 15.621-15.621 40.947-15.621 56.568 0L512 455.432l181.205-181.206c15.621-15.621 40.947-15.621 56.568 0s15.621 40.947 0 56.568L568.568 512l181.205 181.205z" fill="#E24638"></path>
					</svg>
					<p>登录失败</p>
				</div>
				<button class="bottom" onclick="wClose()">我知道了</button>
			</div>
		</div>
		<script>
			function wClose() {
				if (typeof WeixinJSBridge !== "undefined") {
					WeixinJSBridge.call("closeWindow")
				} else {
					window.close()
				}
			}
		</script>
	</body>
</html>
